<%@page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
    <title>幸运乐翻天</title>

    <style>
        *{margin:0;padding:0;box-sizing: border-box}
        .header{width:262px;height:62px;background:no-repeat url(/static/img/descheader@2x.png);background-size: contain;
            background-image:-webkit-image-set(url('/static/img/descheader@2x.png') 2x,url("/static/img/descheader@3x.png") 3x);
            margin: 17px 25px;}
        .method1{width: 100%;height: 40px;background:#0081cc no-repeat url(/static/img/@2x.png);background-size: contain;
            background-image:-webkit-image-set(url('/static/img/destitle1@2x.png') 2x,url("/static/img/destitle1@3x.png") 3x);}
        .method2{width: 100%;height: 40px;background:#0081cc no-repeat url(/static/img/destitle2@2x.png);background-size: contain;
            background-image:-webkit-image-set(url('/static/img/destitle2@2x.png') 2x,url("/static/img/destitle2@3x.png") 3x);}
        .text1{width: 312px;height: 49px;margin: 25px auto;background:#fff no-repeat url(/static/img/text2@2x.png);background-size: contain;
            background-image:-webkit-image-set(url('/static/img/text2@2x.png') 2x,url("/static/img/text2@3x.png") 3x);}
        .text2{width: 312px;height: 85px;margin: 25px auto;background:#fff no-repeat url(/static/img/text3@2x.png);background-size: contain;
            background-image:-webkit-image-set(url('/static/img/text3@2x.png') 2x,url("/static/img/text3@3x.png") 3x);}

        .wen{width: 60px;height: 15px;margin: 25px auto;background:#fff no-repeat url(/static/img/deswen@2x.png);background-size: contain;
            background-image:-webkit-image-set(url('/static/img/deswen@2x.png') 2x,url("/static/img/deswen@3x.png") 3x);}
        .text3{width: 308px;height: 49px;margin: 25px auto;background:#fff no-repeat url(/static/img/text4@2x.png);background-size: contain;
            background-image:-webkit-image-set(url('/static/img/text4@2x.png') 2x,url("/static/img/text4@3x.png") 3x);}
        .text4{width: 296px;height: 121px;margin: 25px auto;background:#fff no-repeat url(/static/img/text1@2x.png);background-size: contain;
            background-image:-webkit-image-set(url('/static/img/text1@2x.png') 2x,url("/static/img/text1@3x.png") 3x);}
        .tag1{width: 245px;height: 59px;margin:30px auto 25px auto;background:#fff no-repeat url(/static/img/desbar2@2x.png);background-size: contain;
            background-image:-webkit-image-set(url('/static/img/desbar2@2x.png') 2x,url("/static/img/desbar2@3x.png") 3x);}
        .tag2{width: 245px;height: 59px;margin:30px auto 25px auto;background:#fff no-repeat url(/static/img/desbar1@2x.png);background-size: contain;
            background-image:-webkit-image-set(url('/static/img/desbar1@2x.png') 2x,url("/static/img/desbar1@3x.png") 3x);}
        .title1{width: 135px;height: 31px;margin: 25px auto  15px auto;background:#fff no-repeat url(/static/img/desctag2@2x.png);background-size: contain;
            background-image:-webkit-image-set(url('/static/img/desctag2@2x.png') 2x,url("/static/img/desctag2@3x.png") 3x);}
        .web1{width: 250px;height: 448px;margin: 15px auto  30px auto;background:#fff no-repeat url(/static/img/web1@2x.png);background-size: contain;
            background-image:-webkit-image-set(url('/static/img/web1@2x.png') 2x,url("/static/img/web1@3x.png") 3x);}
        .title2{width: 135px;height: 31px;margin: 25px auto  15px auto;background:#fff no-repeat url(/static/img/desctag4@2x.png);background-size: contain;
            background-image:-webkit-image-set(url('/static/img/desctag4@2x.png') 2x,url("/static/img/desctag4@3x.png") 3x);}
        .web2{width: 250px;height: 448px;margin: 15px auto  30px auto;background:#fff no-repeat url(/static/img/web2@2x.png);background-size: contain;
            background-image:-webkit-image-set(url('/static/img/web2@2x.png') 2x,url("/static/img/web2@3x.png") 3x);}
        .title3{width: 135px;height: 31px;margin: 25px auto  15px auto;background:#fff no-repeat url(/static/img/desctag1@2x.png);background-size: contain;
            background-image:-webkit-image-set(url('/static/img/desctag1@2x.png') 2x,url("/static/img/desctag1@3x.png") 3x);}
        .web3{width: 250px;height: 448px;margin: 15px auto  30px auto;background:#fff no-repeat url(/static/img/web3@2x.png);background-size: contain;
            background-image:-webkit-image-set(url('/static/img/web3@2x.png') 2x,url("/static/img/web3@3x.png") 3x);}
        .title4{width: 135px;height: 31px;margin: 25px auto  15px auto;background:#fff no-repeat url(/static/img/desctag3@2x.png);background-size: contain;
            background-image:-webkit-image-set(url('/static/img/desctag3@2x.png') 2x,url("/static/img/desctag3@3x.png") 3x);}
        .web4{width: 250px;height: 448px;margin: 15px auto  30px auto;background:#fff no-repeat url(/static/img/web4@2x.png);background-size: contain;
            background-image:-webkit-image-set(url('/static/img/web4@2x.png') 2x,url("/static/img/web4@3x.png") 3x);}
    </style>
</head>

<body>
<div class="header"></div>
<div class="method1"></div>
<div class="text1"></div>
<div class="wen"></div>
<div class="text2"></div>

<div class="method2"></div>
<div class="text3"></div>
<div class="tag1"></div>
<div class="title1"></div>
<div class="web1"></div>
<div class="title2"></div>
<div class="web2"></div>
<div class="title3"></div>
<div class="web3"></div>
<div class="title4"></div>
<div class="web4"></div>
<div class="tag2"></div>
<div class="text4"></div>

</body>

</html>

